<template>
  <div>
    <h2>用户登录页面</h2>
    <table class="table table-bordered">
      <tr>
        <td>用户名:</td>
        <td>
          <input type="text" v-model="loginData.UL_Name" />
        </td>
      </tr>
      <tr>
        <td>密码:</td>
        <td>
          <input type="password" v-model="loginData.UL_Pwd" />
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <input type="button" value="登录" class="btn btn-primary" @click="login">
        </td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">

import { useRouter } from 'vue-router';

import {reactive,toRefs} from 'vue'
import axios from 'axios';

import {useUserStore} from '../../store/user'

let userStore= useUserStore();

let router = useRouter();

let data = reactive({
    loginData:{
        UL_Name:'',
        UL_Pwd:''
    }
});

let {loginData} = toRefs(data);

//登录
const login = () => {
    if(loginData.value.UL_Name==""){
      return alert("用户名不能为空");
    }
    if(loginData.value.UL_Pwd==""){
      return alert("密码不能为空");
    }   
    //发送登录请求
    axios({
      url:'/api/User/GerUserLogin',
      method:'get',
      params:loginData.value
    }).then(res=>{
      console.log(res);
      //用户不存在 跳转到注册页面
      if(res.data.data == null){
        alert('用户不存在，请先注册')
        router.push('/register');
      }else{
        //判断是否完善过个人信息
        userStore.userInfo=res.data.data
        axios({
          url:'/api/User/GetSearchUserInfo',
          method:'get',
          params:{
            U_Id:res.data.data.U_Id
          }        
        }).then(result=>{
          console.log(result.data.data);
          
          if(result.data.data>0){
            //完善过 跳转到主页面 
            alert('登录成功')
            router.push('/main');
          }else{
            //没有完善过信息，跳转到用户详情页面 并把用户ID带过去
            alert('请完善个人信息')
            router.push({
              path:'/userInfo',
              query:{
                UL_Id:res.data.data.U_Id                         
              }
            })
          }
        }).catch(err=>{
          console.log(err);
        })
      }
    }).catch(err=>{
      console.log(err);
    })
};


</script>

<style scoped>

</style>